<template>
	<view class="bg-white">
		<titleBar title="欢迎" text-align="center"  ></titleBar>
		<view >
			<image src='@/static/logo.gif' mode='aspectFit' class="imageCenter"></image> 
		</view>
		<view class='content'> 

			<text>内容管理系统微信小程序</text>
		</view>
		<button class='bottom' type='primary' @click="bindGetUserInfo()">
			进入小程序
		</button>

	</view>

</template>

<script>
	import titleBar from '@/components/titleBar/titleBar.vue'
	export default {
		components: {
		
			titleBar,
		
		},
		data() {
			return {
				canIUse: wx.canIUse('button.open-type.getUserInfo'),
				isHide: false, 

			}
		},
		onLoad: function() {

			uni.setStorageSync('isVisitor',true)
			//页面初次加载判断用户是否授权过 去缓存中读取是否有
			wx.getStorage({
				key: 'openid',
				success(res) {
					//判断是否有openid  如果不为空则跳转到首页
					if (res.data != "") {
						//跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面
						wx.switchTab({
							url: '/pages/tabbar/tabbar-1/tabbar-1'
						})
					}
				}
			})
		},
		methods: {
			appLoginWx() {
				// 获取用户信息
				// 注意 getUserProfile 不支持在事件中使用异步操作
				// 否则会触发错误：{errMsg: "getUserProfile:fail can only be invoked by user TAP gesture."}
				uni.getUserProfile({
					lang: 'zh_CN',
					desc: '获取用户信息',
					success: userInfo => {
						console.log(userInfo, 'userInfo');
						uni.login({
							provider: 'weixin',
							success: loginInfo => {
								console.log(loginInfo, 'loginInfo');
							}
						});
					},
					fail: err => {
						console.log(err, 'err')
					}
				});
			},
			bindGetUserInfo(e) {
				wx.switchTab({
					//跳转地址
					url: '/pages/home/home'
				})
				// console.log("aaaa")
				// uni.getUserProfile({
				// 	desc: 'Wexin', // 这个参数是必须的
				// 	success: res => {
				// 		debugger
				// 		console.log(res)
				// 		console.log("用户信息", res.userInfo)

				// 		try {

				// 			uni.setStorageSync('nickName', res.userInfo.nickName);
				// 		} catch (e) {
				// 			// error
				// 		}
				// 		wx.switchTab({
				// 			//跳转地址
				// 			url: '/pages/home/home'
				// 		})
				// 	}
				// })

				// uni.login({
				//   provider: 'weixin',
				//   success: function (loginRes) {
				// 	debugger
				//     console.log(loginRes.authResult);
				//     // 获取用户信息
				//     uni.getUserInfo({
				//       provider: 'weixin',
				//       success: function (infoRes) {
				// 		debugger
				// 		console.log(infoRes.userInfo) 
				//         console.log('用户昵称为：' + infoRes.userInfo.nickName);
				//       }
				//     });
				//   }
				// });


				// wx.switchTab({
				// 	//跳转地址
				// 	url: '/pages/home/home'
				// })
				// 	console.log(e)
				//  //如果不允许  则没有userInfo这个值
				// 	//获取用户的昵称 判断用户点击的是允许还是拒绝
				// 	if (e.detail.userInfo) {
				// 		//如果用户允许，则能得到userInfo
				// 		console.log(e.detail.userInfo)
				//  	//获取用户的昵称
				// 		let nickname = e.detail.userInfo.nickName
				// 		// console.log(nickname)
				// 		//获取用户的昵称  去获取code
				// 		wx.login({

				// 			success(res) {
				// 				if (res.code) {
				// 					//得到了code值  携带参数发送请求
				// 					console.log(res.code)
				// 					//发起网络请求
				// 					wx.request({
				// 						url: 'http://www.xxxxxx.com/index.php/users/index/index',
				// 						data: {
				// 							code: res.code,
				// 							nickname: nickname,
				// 						},
				//   				dataType: "json",
				// 						method: "GET",
				//   				success(res) {
				// 							console.log(res.data.data.openid)
				// 							console.log(res.data.code)
				// 							//判断是否授权成功
				// 							if (res.data.code == 200) {
				// 								//将用户的openid缓存起来
				// 								wx.setStorage({
				// 									key: "openid",
				// 									data: res.data.data.openid
				// 								})
				// 								//页面跳转
				// 								wx.switchTab({
				// 									//跳转地址
				// 									url: '/pages/index/index',
				// 								})
				// 							} else {

				// 							}
				// 						}
				// 					})
				//  			} else {
				// 					console.log('登录失败！' + res.errMsg)
				// 				}
				// 			}
				// 		})

				// 	}

			}
		}

	}
</script>

<style>
	.content {
		text-align: center;
		height: 20vh;
		font: optional;
		font-size: large;
	}
	.imageCenter{
		display:block;
		margin: 0 auto;
	}
</style>
